<template lang="html">
	<div :class="$style.header">
		<btn :cname="$style.inputBox" >
			<router-link tag="span" :to="{path: '/search'}">
				<svg :class="$style.inputIcon" aria-hidden="true">
			    <use xlink:href="#icon-search"></use>
				</svg>
				<span>本站搜索</span>
			</router-link>
		</btn>
		<btn :cname="$style.btnClass">
			<router-link tag="span" :to="{path:'/sort'}">分类</router-link>
		</btn>
	</div>
</template>
<script>
	import btn from "../core/btn";
	export default {
		components: {
			btn
		},
		data() {
			return {
			}
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" module>
	.header {
		width: 100%; 
		height: 110px;
		line-height: 110px;
		box-sizing: border-box;
		.inputBox {
			width: 73%;
			line-height: 80px;
			border: 1px solid #d3d3d3;
			font-size: 30px;
			margin-left:40px;
			.inputIcon {
				width: 24px;
				height: 24px;
				margin-right: 10px;
			}
		}// 750-548=202
		.btnClass {
			width: 110px;
			line-height: 110px;
			font-size: 36px;
			color: #01bf9a;
		}
	}
</style>